<template>
  <div class="app">
    <h1>我是 爷爷</h1>

    <HelloFather></HelloFather>
  </div>
</template>

<script>
import HelloFather from "./components/HelloFather.vue";

export default {
  name: "App",

  components: {
    HelloFather,
  },

  data() {
    return {
      name: "李大枫",
    };
  },

  methods: {
    changeName(name) {
      alert(`收到不知道不孝子孙发来的消息，让我改名为${name}`);

      // 要不要修改，都是自己决定
      this.name = name;
    },
  },

  // 提供方提供的数据
  // provide: {
  //   name: "张三",
  // },

  // 如果需要使用 this。 将 provide 选项值，写出函数的形式
  provide() {
    return {
      name: this.name,

      aa: this.changeName,
    };
  },
};
</script>
